<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, user-scalable=no"/>

      <link rel="stylesheet" href="css/whereami.css" />
        <script src="js/staticmap.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/geolocation.js" type="text/javascript" charset="utf-8"></script>

        <!-- Nokia Maps API -->
        <script src="http://api.maps.nokia.com/2.1.1/jsl.js" type="text/javascript" charset="utf-8">
        </script>
        
        <!-- Bing Maps API -->
        <script charset="UTF-8" type="text/javascript"
        src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0">
        </script>
    </head>

    <body onload="init();" style="margin:0px;" width="480" height="800">

        <!-- Map -->
        <div id="mapContainer" class="mapContainer" style="top:0px; left:0px;"></div>

      <!-- Info note -->
        <div id="informationNote" class="informationNote">
            <p id="informationText" class="informationText">Loading...</p>
        </div>

        <!-- Info -->
        <div id="infoContainer" class="infoContainer">
            <br/>
            <div id="title">HTML5 Geolocation Example</div>
            <br/>
            <br/>
            <div id="description" style="text-align:left;margin-left:10">
            <p>
            This example shows usage of HTML5 Geolocation API in a Windows Phone Silverlight hybrid application.
            </p>
            <p>
            Views are written as HTML pages and are showed in Silverlight WebBrowser.
            The toolbar and the application main window are Silverlight components.
            </p>
            <br/>
            <br/>
            </div>
            <div>
            <a href="http://projects.developer.nokia.com/whereami">Learn more</a>
            <br/>
            <br/>
            Copyright Nokia 2012.
            </div>
        </div>

    </body>
</html>